<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
	<form method="post" action="${rootUrl}/system/menu/${menu.id}" class="pageForm required-validate" onsubmit="return validateCallback(this, editDialogTree);">
		<input type="hidden" name="_method" value="put">
		<div class="pageFormContent" layoutH="56">
			<p>
				<label>名称：</label>
				<input name="menu.name" class="required" type="text" size="30" value="${menu.name}" />
			</p>

			<p>
				<label>地址：</label>
				<input name="menu.url" type="text" size="30" value="${menu.url}" />
			</p>
			
			
			
			<p>
				<label>页面ID：</label>
				<input name="menu.rel" class="required"   type="text" size="30" value="${menu.rel}" />
			</p>
			<p>
				<label>标题：</label>
				<input name="menu.title"  type="text" size="30" value="${menu.title}" />
			</p>
			<p>
				<label>类型：</label>
				<select name="menu.type" id="editmenutype" class="required">
				<option value="${menu.type}">${menu.type}</option>
    			<option value="navTab">navTab</option>
				<option value="dialog">dialog</option>
				<option value="folder">folder</option>
				<option value="navMenu">navMenu</option>
				</select>
			</p>
			
			<input name="menu.fresh"  type="hidden" value="${menu.fresh}" />
			<p>
				<label>排序：</label>
				<input name="menu.order"  type="text" size="30" value="${menu.order}" />
			</p>
			
			<c:choose>
			<c:when test="${menu.type=='navTab'}">
			<div id="edittypenavTab">
			<p>
				<label>外部链接：</label>
				<select name="menu.external" >
				<c:if test="${menu.external==true}">
				<option value="true">是</option>
				</c:if>
				<c:if test="${menu.external==false}">
				<option value="false">否</option>
				</c:if>
				<option value="false">否</option>
				<option value="true">是</option>
				</select>
			</p>
			</div>
			
			<div id="edittypedialog" style="display: none;">
			<p>
				<label>最小化：</label>
				<select name="menu.minable" >
				<option value="true">是</option>
				<option value="false">否</option>
				</select>
			</p>
			
			<p>
				<label>最大化：</label>
				<select name="menu.mixable">
				<option value="true">是</option>
				<option value="false">否</option>
				</select>
			</p>
			<p>
				<label>可变大小：</label>
				<select name="menu.resizable">
				<option value="true">是</option>
				<option value="false">否</option>
				</select>
			</p>
			<p>
				<label>可拖动：</label>
				<select name="menu.drawable" >
				<option value="true">是</option>
				<option value="false">否</option>
				</select>

			</p>
			<p>
				<label>宽度 ：</label>
				<input name="menu.width" type="text" size="4" value="1000" />
			</p>
			<p>
				<label>高度：</label>
				<input name="menu.height"  type="text" size="4" value="600" />
			</p>			
			</div>
			
			</c:when>
			
			<c:when test="${menu.type=='dialog'}">
			<div id="edittypenavTab" style="display: none;">
			<p>
				<label>外部链接：</label>
				<select name="menu.external" >
				<option value="false">否</option>
				<option value="true">是</option>
				
				</select>
			</p>
			</div>
			<div id="edittypedialog">
			<p>
				<label>最小化：</label>
				<select name="menu.minable" >
				<c:if test="${menu.minable==true}">
				<option value="true">是</option>
				</c:if>
				<c:if test="${menu.minable==false}">
				<option value="false">否</option>
				</c:if>
				<option value="true">是</option>
				<option value="false">否</option>
				</select>
			</p>
			
			<p>
				<label>最大化：</label>
				<select name="menu.mixable">
				<c:if test="${menu.mixable==true}">
				<option value="true">是</option>
				</c:if>
				<c:if test="${menu.mixable==false}">
				<option value="false">否</option>
				</c:if>
				<option value="true">是</option>
				<option value="false">否</option>
				</select>
			</p>
			<p>
				<label>可变大小：</label>
				<select name="menu.resizable">
				<c:if test="${menu.resizable==true}">
				<option value="true">是</option>
				</c:if>
				<c:if test="${menu.resizable==false}">
				<option value="false">否</option>
				</c:if>
				<option value="true">是</option>
				<option value="false">否</option>
				</select>
			</p>
			<p>
				<label>可拖动：</label>
				<select name="menu.drawable" >
				<c:if test="${menu.drawable==true}">
				<option value="true">是</option>
				</c:if>
				<c:if test="${menu.drawable==false}">
				<option value="false">否</option>
				</c:if>
				<option value="true">是</option>
				<option value="false">否</option>
				</select>

			</p>
			<p>
				<label>宽度 ：</label>
				<input name="menu.width" type="text" size="4" value="${menu.width}" />
			</p>
			<p>
				<label>高度：</label>
				<input name="menu.height"  type="text" size="4" value="${menu.height}" />
			</p>		
			</div>
			</c:when>
			</c:choose>
			
			
			<p style="width: 460px;">
				<label>备注：</label>
				<textarea name="menu.remark" cols="30" rows="5" style="">${menu.remark}</textarea>
			</p>
	

		</div>
		<div class="formBar">
			<ul>
				
				<li>
				<a title="确定要删除吗?" target="dialogAjaxTodo" callback="editDialogTree" href="${rootUrl}/system/menu/${menu.id}?_method=delete"><div class="button"><div class="buttonContent"><button type="button" >删除</button></div></div></a>
				</li>
				<li><div class="buttonActive"><div class="buttonContent"><button type="submit">保存</button></div></div></li>
			</ul>
		</div>
	</form>
<script type="text/javascript">
$(function(){
	$("#editmenutype").change(function(){
		if($(this).val()=="navTab"){
			$("#edittypenavTab").show();
			$("#edittypedialog").hide();
		}else if($(this).val()=="dialog"){
			$("#edittypenavTab").hide();
			$("#edittypedialog").show();
		}else{
			$("#typenavTab").hide();
			$("#typedialog").hide();
		}
	});
});
</script>